<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/page/common/public.jspf"%>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="${path }/favicon.ico" />
<link href="${skin }/theme.css" rel="stylesheet" type="text/css" />
<link href="${skin }/member.css" rel="stylesheet" type="text/css" />
<script src="${path }/js/common/jquery1.10.2.min.js"></script>
<script src="${path }/js/common/helper.js?v=${v}"></script>
<script src="${path }/js/common/cookie.js?v=${v}"></script>
<script src="${path }/js/member/imprest.js?v=${v}"></script>
<title>会员中心-充值</title>
<style type="text/css">
body{background:#F5F5F5;}
.logo_main_bor{box-shadow: 0px 2px 6px rgba(2, 0, 0, 0.1);}
</style>
</head>
<body>
<c:import url="../../include/head.jsp"></c:import>
<c:import url="../../include/logo_menu.jsp">
	<c:param name="type" value="index"></c:param>
</c:import>

<div class="youarehere">
	<div class="localtion"><a href="${path }/">首页</a> » 充值</div>
</div>

<div class="wrapper auto_height">
<c:import url="../left.jsp"></c:import>

<div class="bodyright l" style="width:778px;">
	<div class="line_EAEAEA auto_height" style="background: #fff;margin-bottom: 20px;">
	<div style="padding: 12px">
		<div class="hkjh_top_ul1_li1div1">充值</div>
	</div>
	<div class="dh_pub_list2 clearfix" id="tags">
	       <ul>
	       	   <li style="width: 20px;"><a></a></li>
	           <li><a class="overbg" onmouseover="selectTag('tagContent0',this)" href="javascript:void(0)">个人银行</a></li>
	           <li><a onmouseover="selectTag('tagContent1',this)" href="javascript:void(0)" class="">快捷充值</a></li>
	           <li><a onmouseover="selectTag('tagContent2',this)" href="javascript:void(0)" class="">企业银行</a></li>
	       </ul>
	</div>
	<div class="clearfix"></div>

<ul class="gray auto_height">
	<li>
	<h1 class="l s_16 t_r" style="width: 100px;">选择银行卡:</h1>
	<div class="l" style="position: relative;width: 650px;padding-left: 10px;">
	<style type="text/css">
	#div99billBanks .img{border: 2px solid #fff;display: block;height: 26px;width: 145px;background-repeat: no-repeat;background-position: 28px;padding: 5px 5px 5px 0px; margin: 0 0 10px 8px;float: left; }
	#div99billBanks .img input{width:15px;margin-right:5px;margin-top:2px;margin-left: 5px;}
	input{border: none;vertical-align: middle;}
	#div99billBanks .imghover{border: 2px solid #bbb;cursor: pointer;}
	#div99billBanks .over{border:2px solid #EE8C5E;background: #fff;display: block;height: 26px;width: 145px;background-repeat: no-repeat;background-position: 28px;padding: 5px 5px 5px 0px;}
	</style>
	
	<script type="text/javascript">
	$(function(){
	    $("[name='paychannel']").click(function(){
	    	$("[name='paychannel']").each(function(){
	    		$(this).parent().removeClass("over");
        		$(this).parent().removeClass("imghover");
			});
	    	$(this).parent().addClass("over");
	    });
	    $("#div99billBanks").find("label").mouseover(function () {
			$(this).addClass("imghover");
		  }
		);
	    $("#div99billBanks").find("label").mouseout(function () {
	    	$(this).removeClass("imghover");
		  }
		);
		
	});
	</script>
	<div id="mon_menu_list">
	<div id="div99billBanks">
	<c:set var="providerIds"><m:xml key="payment.gateway" /></c:set>
	<c:forEach var="providerId" items="${providerIds }" varStatus="status">
		<c:set var="bank_pay" value="${providerId }"></c:set>
		<label class="img <c:if test="${status.count eq 1 }">over</c:if>" style="background-image: url(${path }${configUtil.paymentGateWayMap[providerId].image });" title="${store.storeCommon.paymentGateWayMap[providerId].name }">
		<input type="radio" <c:if test="${status.count eq 1 }">checked="checked"</c:if> name="paychannel" value="${providerId }">
		</label>
	</c:forEach>
	<c:if test="${isTrust}">
	<label class="img" style="background-image: url(${path}/images/bankLogo/shyh.gif);" title="上海银行"><input type="radio" value="2301_SHYH" name="paychannel"></label>
	<label class="img" style="background-image: url(${path}/images/bankLogo/ICBC.gif);" title="中国工商银行"><input type="radio" name="paychannel" value="1000_ICBCB2C"></label>
	<label class="img" style="background-image: url(${path}/images/bankLogo/CCB.gif);" title="中国建设银行"><input type="radio" name="paychannel" value="1000_CCB"></label>
	<label class="img" style="background-image: url(${path}/images/bankLogo/ABC.gif);" title="中国农业银行"><input type="radio" value="1000_ABC" name="paychannel"></label>
	<label class="img" style="background-image: url(${path}/images/bankLogo/BOC.gif);" title="中国银行"><input type="radio" value="1000_BOCB2C" name="paychannel"></label>
	<label class="img" style="background-image: url(${path}/images/bankLogo/CMB.gif);" title="招商银行"><input type="radio" value="1000_CMB" name="paychannel"></label>
	<label class="img" style="background-image: url(${path}/images/bankLogo/GDB.gif);" title="广发银行"><input type="radio" value="1000_GDB" name="paychannel"></label>
	<label class="img" style="background-image: url(${path}/images/bankLogo/CITIC.gif);" title="中信银行"><input type="radio" value="1000_CITIC" name="paychannel"></label>
	
	<label class="img" style="background-image: url(${path}/images/bankLogo/SPDB.gif);" title="上海浦东发展银行"><input type="radio" value="1000_SPDB" name="paychannel"></label>
	<label class="img" style="background-image: url(${path}/images/bankLogo/CEBBANK.gif);" title="中国光大银行"><input type="radio" value="1000_CEBBANK" name="paychannel"></label>
	<label class="img" style="background-image: url(${path}/images/bankLogo/CMBC.gif);" title="中国民生银行"><input type="radio" value="1000_CMBC" name="paychannel"></label> 
	<label class="img" style="background-image: url(${path}/images/bankLogo/COMM.gif);" title="交通银行"><input type="radio" value="1000_COMM" name="paychannel"></label> 
	
	<label class="img" style="background-image: url(${path}/images/bankLogo/CIB.gif);" title="兴业银行"><input type="radio" value="1000_CIB" name="paychannel"></label>
	<label class="img" style="background-image: url(${path}/images/bankLogo/SPABANK.gif);" title="平安银行"><input type="radio" value="1000_SPABANK" name="paychannel"></label> 
	<label class="img" style="background-image: url(${path}/images/bankLogo/SDB.gif);" title="深圳发展银行"><input type="radio" value="1000_SDB" name="paychannel"></label>
	</c:if>
	</div>
	</div>
	                            </div>
	                            </li>
      <li style="padding-top:26px;clear: both;"><h1 class="l s_16 t_r" style="width: 100px;line-height: 36px">充值金额：</h1>
      <div class="l" style="position: relative;width: 650px;padding-left: 10px;">
      <input type="text" name="money" id="money" value="请输入充值金额" onfocus="if (value =='请输入充值金额'){value =''}" onblur="if (value ==''){value='请输入充值金额'}" class="font_yh s_16"  style="padding:1px 0 1px 6px ;line-height:36px;border:1px solid #b4b4b4; margin-right:8px;width:220px; height:36px;"/>
      </div>
      </li>
      
      <li style="padding-top:46px;clear: both;">
      <h1 class="l s_16 t_r" style="width: 100px;line-height: 36px;display: inline-block;">&nbsp;</h1>      
      <div class="l" style="position: relative;width: 650px;padding-left: 10px;">
		<a href="javascript:void(0);" class="pub_bt" id="imprest">立即充值</a> 
	  </div>
      </li>
   </ul>

<br />
<br />
<br />
<div style="margin: 40px auto;width: 94%;border: 1px solid #FFDCA8;background: #FFFDF9;padding: 6px;line-height: 26px;">
<h1>说明 ：</h1>
<p>1、投资人充值不收取任何手续费；</p>
<p>2、最低充值金额应大于等于1元；</p>
<p>3、请投资人根据发标计划合理充值；</p>
<p>4、为积极响应国家反洗钱行动，即日起用户充值后7日内不得提现，仅可用于投资；</p>
<p>5、严禁利用充值功能进行信用卡套现、转账、洗钱等行为，一经发现，将自行承担相应法律法规责任；</p>
<p>6、充值需开通银行卡网上支付功能，如有疑问请咨询开户行客服；</p>
<p>7、快捷充值只支持个人用户，不支持企业用户，且不支持企业银行卡；</p>
<p>8、充值期间，请勿关闭浏览器，待充值成功并返回首页后，所充资金才能入账，如您有疑问或者在充值中遇到问题，请联系在线客服，
   或拨打400-070-5899客服电话。</p>
</div>


</div>
</div>
</div>


<!-- 友情链接 -->
<c:import url="../../include/links.jsp"></c:import>

<!-- 版权所有 -->
<c:import url="../../include/copyright.jsp"></c:import>
</body>
</html>